<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2015/8/10 0010
  Time: 16:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page  import="java.util.*" language="java"  pageEncoding="utf-8" %>
<!--此标签的作用告诉浏览器按照W3c标准来解析此页面-->
<!DOCTYPE html>
<!--加上此标签所有css组件的引用都会有自动提示，便于代码的开发-->
<html lang="zh-CN">
  <%
  String path = request.getContextPath();
  String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<base href="<%=basePath%>">
<html>
<head>
  <title>主页面</title>
  <link href="/css/bootstrap.min.css" rel="stylesheet">
  <script src="/jquery/jquery.min.js"></script>
  <script src="/js/bootstrap.min.js"></script>
  <script src="/jquery/jquery.form.js"></script>
  <style type="text/css">
    .myTitle{
      color: #eb9316;
      font-size: large;
    }
    .myFont{
      color: #357ebd;
      font-size: smaller
    }
    .article{
      color: #357ebd;
      font-size: small
    }
    .bootStyle{
      border-top: 1px solid #d5d5d5;
      margin-top: 100px;
    }
  </style>
</head>
<body>
<div class="jumbotron">
  <div class="container">
    <nav class="navbar">
      <div class="container-fluid">
        <%--<div class="navbar-header">--%>
          <%--<a class="navbar-brand" href="#">--%>
            <%--<img alt="Brand" src="/images/png/logo.png">--%>
          <%--</a>--%>
        <%--</div>--%>
        <form class="navbar-form navbar-left" role="search">
          <div class="form-group">
            <input type="text" class="form-control" placeholder="Search">
          </div>
          <button type="submit" class="btn btn-default">搜索</button>
        </form>
        <ul class="nav navbar-nav">
          <li class="active"><a href="book/book_menu.htm" class="myTitle">读书 <span class="sr-only">(current)</span></a></li>
          <li class="active"><a href="#" class="myTitle">美食 <span class="sr-only">(current)</span></a></li>
          <li class="active"><a href="#" class="myTitle">潮搭 <span class="sr-only">(current)</span></a></li>
          <li class="active"><a href="#" class="myTitle">屋子 <span class="sr-only">(current)</span></a></li>
          <li class="active"><a href="#" class="myTitle">出行 <span class="sr-only">(current)</span></a></li>
          <li class="active"><a href="#" class="myTitle">附近 <span class="sr-only">(current)</span></a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li class="active"><a href="#" data-toggle="modal" data-target="#suggest" style="color: #080808;font-weight: 800">请帮助我们变得更好</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">${user.name}的账号 <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="#">个人资料</a></li>
              <li><a href="#">修改密码</a></li>
              <li><a href="#">圈子</a></li>
              <%--<li role="separator" class="divider"></li>--%>
              <li><a href="#">退出</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>
  </div>
</div>


<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="thumbnail">
        <img src="../images/jpg/7ab035e82ed344c.jpg" >
      </div>
    </div>
  </div>
</div>

<div class="container">
  <h5>热点内容...</h5>
  <div class="row">
    <div class="col-xs-6 col-md-2">
      <div class="thumbnail">
      <img src="../images/jpg/477fd71e5146fe089bf1bdba3253bd05.png" alt="...">
      <%--<h3>Thumbnail label</h3>--%>
      <p class="myFont">那是一个晴朗的午后...</p>
      <%--<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>--%>
    </div>
      <div class="thumbnail">
        <img src="../images/jpg/477fd71e5146fe089bf1bdba3253bd05.png" alt="...">
        <%--<h3>Thumbnail label</h3>--%>
        <p class="myFont">那是一个晴朗的午后...</p>
        <%--<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>--%>
      </div>
    </div>
    <div class="col-xs-6 col-md-2">
      <div class="thumbnail">
        <img src="../images/jpg/477fd71e5146fe089bf1bdba3253bd05.png" alt="...">
        <%--<h3>Thumbnail label</h3>--%>
        <p class="myFont">那是一个晴朗的午后...</p>
        <%--<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>--%>
      </div>
      <div class="thumbnail">
        <img src="../images/jpg/477fd71e5146fe089bf1bdba3253bd05.png" alt="...">
        <%--<h3>Thumbnail label</h3>--%>
        <p class="myFont">那是一个晴朗的午后...</p>
        <%--<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>--%>
      </div>
    </div>
    <div class="col-xs-6 col-md-5">
    <p class="article"><a href="#">那家的东西真的是超级好吃，这里我不得不评价一下！</a></p>
    <p class="article"><a href="#">今天遇到一个长得特别像斗地主的人，吓死我了，哈哈哈啊！</a></p>
    <p class="article"><a href="#">君不见高堂明镜悲白发，我只能说你在这里你们只能去别的地方去自杀了！</a></p>
    <p class="article"><a href="#">那家的东西真的是超级好吃，这里我不得不评价一下！</a></p>
    <p class="article"><a href="#">这些高墙还真是有点意思。一开始你恨它，然后你对它就习惯了。等相当的 时间过去后，你还会依赖它。</a></p>
    <p class="article"><a href="#">那家的东西真的是超级好吃，这里我不得不评价一下！</a></p>
    <p class="article"><a href="#">今天遇到一个长得特别像斗地主的人，吓死我了，哈哈哈啊！</a></p>
    <p class="article"><a href="#">君不见高堂明镜悲白发，我只能说你在这里你们只能去别的地方去自杀了！</a></p>
    <p class="article"><a href="#">那家的东西真的是超级好吃，这里我不得不评价一下！</a></p>
    <p class="article"><a href="#">这些高墙还真是有点意思。一开始你恨它，然后你对它就习惯了。等相当的 时间过去后，你还会依赖它。</a></p>
  </div>
    <div class="col-xs-6 col-md-3">
      <a href="#" class="thumbnail">
        <img src="../images/jpg/c2fd8de8a09a1795701ccfd5db3f905c.jpeg" alt="广告位">
      </a>
      <smaller>自信</smaller>
      <p class="article">你远比你想象中的重要，请不要轻视自己！</p>
      <smaller>能量</smaller>
      <p class="article">年轻没有什么是不可能的,勇敢迈出第一步！</p>
      <smaller>旅游</smaller>
      <p class="article">世界那么大，我想出去走走！</p>
    </div>
  </div>

  <%--<h5>分类</h5>--%>
  <%--<div class="row">--%>
    <%--<div class="col-xs-6 col-dm-2">--%>
      <%--<li role="presentation"><a href="#">美食</a></li>--%>
      <%--<li role="presentation"><a href="#">口碑</a></li>--%>
      <%--<li role="presentation"><a href="#">发现</a></li>--%>
      <%--<li role="presentation"><a href="#">外卖</a></li>--%>
      <%--&lt;%&ndash;</ul>&ndash;%&gt;--%>
    <%--</div>--%>
  <%--</div>--%>
  <div class="row">
    <div class="container bootStyle">
      <p class="text-center">design by：<a>bob.yang</a></p>
    </div>
  </div>
</div>

<%--<footer class="bs-docs-footer" role="contentinfo">--%>
  <%--<div class="container">--%>
    <%--<p class="media">&copy; <a href="http://usman.it" target="_blank">ONE--%>
      <%--Day</a> 2012 - 2015</p>--%>
    <%--<p class="media">design by: <a--%>
            <%--href="http://usman.it/free-responsive-admin-template">BobYang</a></p>--%>
  <%--</div>--%>
<%--</footer>--%>
<!--模态框-->
<div class="modal fade" id="suggest" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close"
                data-dismiss="modal" aria-hidden="true">
          &times;
        </button>
        <h4 class="modal-title" id="myModalLabel">
          请提出您宝贵的意见
        </h4>
      </div>
      <div class="modal-body">
        <form id="addSuggestion" action="user/web_evaluate.htm" method="post" class="form-horizontal">
          <input type="hidden" name="id" value="id"/>
          <fieldset>
            <div class="control-group">
              <label class="control-label">1.你觉得这个网站怎么样？</label>
              <div class="controls">
                <input name="evaluation" value="1" type="checkbox">很棒
                <input name="evaluation" value="2" type="checkbox">还好
                <input name="evaluation" value="3" type="checkbox">马马虎虎
                <input name="evaluation" value="4" type="checkbox">一坨屎
              </div>
            </div>
            <div class="control-group">
              <label class="control-label">2.你对这个网站有什么样的建议？</label>
              <div class="controls">
                <textarea class="form-control" name="advice" maxlength="300" placeholder="请输入你的意见！"></textarea>
              </div>
            </div>
            <div class="control-group">
              <label class="control-label">3.你为什么觉得杨波是脑残？</label>
              <div class="controls">
                <input class="form-control" name="reason" placeholder="请输入原因！">
              </div>
            </div>
          </fieldset>
        </form>
      </div>
      <div class="modal-footer">
        <div class="col-md-8">
          <button type="button" class="btn btn-default"
                  data-dismiss="modal">关闭
          </button>
          <button type="submit" onclick="addSuggest()" class="btn btn-primary">
            提交意见
          </button>
        </div>
      </div>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal -->
</body>

<script>
  function addSuggest() {
    var params=$('#addBook').serialize(); //这里直接就序列化了表单里面的值；很方便
    $.ajax({
      type : "POST",
      url : "user/web_evaluate.json",
//      dataType:"json",   //接受数据格式
      data : params,
      async:false,
      error:function(data){
        alert("出错了！！:"+data);
        $("#suggest").modal('hide')
      },
      success : function(data) {
       alert("感谢您提出宝贵的意见！");
        $("#suggest").modal('hide')
      }
    });
        }
</script>
</html>
